<template>
  <div id="juge">
     <div class="j-header">
      <h3>判断题(每题2分)</h3>
    </div>
    <div class="j-body">
      <p style="height:50px;line-height:50px">第1题:&nbsp;{{topic}}</p>
      <div class="choose" style="height:300px;line-height:50px">
        <input type="radio" title="dui" name="choose" checked>{{answer1}}<br/>
        <input type="radio" title="cuo" name="choose" disabled>{{answer2}}<br/>
      </div>
      <div class="rightanswer" style="height:300px;line-height:50px">
        <h4>正确答案:  {{rightanswer}}</h4>
        <h4>本题得分:  {{points}}</h4>
        <h4>答案解析：</h4>
        <div class="result">
          <p>{{result}}</p>
        </div>
      </div>
      <div class="turn">
        <el-button-group>
          <el-button type="primary" icon="el-icon-arrow-left" disabled>上一题</el-button>
          <el-button type="primary">下一题<i class="el-icon-arrow-right el-icon--right"></i></el-button>
        </el-button-group>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        topic:'在 css 选择器当中，优先级排序正确的是（id选择器>类选择器>标签选择器）',
        answer1:'对',
        answer2:'错',
        points:'2分',
        rightanswer:'对',
        result:'好好学习css 你就知道优先级了',
      }
    },
  }
</script>

<style lang="less" scoped>

</style>